﻿<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="MaskTests.aspx.cs" Inherits="Zenui.Toolkit.Examples.MaskTests" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .zenMaskDialog
        {
            position: absolute;
            width: 220px;
            height: 34px;
            left: 50%;
            top: 50%;
            margin-left: -110px;
            margin-top: -17px;
        }
        
        .zenMaskContent
        {
            display: inline;
        }
        
        .zenMaskImage
        {
            position: absolute;
            top: 10px;
            left: 10px;
            background: #fff url(img/bar-spinner.gif) no-repeat left top;
            width: 24px;
            height: 24px;
        }
        
        .zenMaskText
        {
            position: absolute;
            top: 10px;
            left: 35px;
            color: #555;
            font-size: 13px;
            margin: 0;
            text-align: left;
            height: auto;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <zen:ZenManager ID="Manager1" runat="server">
    </zen:ZenManager>
    <div class="dijitDialog zenMaskDialog" tabindex="-1" title="">
        <div class="dijitDialogPaneContent" style="width: auto; height: auto;">
            <div class="zenMaskContent">
                <div class="zenMaskImage">
                </div>
                <div class="zenMaskText">
                    Loading...</div>
            </div>
        </div>
    </div>
    <zen:Dialog ID="DialogWaiting" runat="server" Visible="true" Width="240px" Height="40px"
        Closable="false" AutoShow="false" Title="" CssClass="zenMaskDialog">
        <div class="zenMaskContent">
            <div class="zenMaskImage">
            </div>
            <div class="zenMaskText">
                Loading...</div>
        </div>
    </zen:Dialog>
    </form>
</body>
</html>
